<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> 
<head>
	<title></title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/layout.css" />
	<link rel="stylesheet" href="css/box.css" />
	<link rel="stylesheet" href="css/style.css" />
	<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
	<base target="_top" />
	<script type="text/javascript">
		function checkinput(){
                        
			if($('#username').val() == '' ){
				$('#usernamelabel').css("color","red");
                               
				return false;
			}
                       
			if($('#password').val() == '' ){
				$('#passwordlabel').css("color","red");
				return false;
			}
			$("#login-form").submit();
                       
			
		}
	</script>
</head>
<body>
	<!--  head.jsp  -->
	
	
	<div id="content" class="index">
		<div class="layout grid-m0s6">
			<div class="col-main">
				<div class="main-wrap">
					<div class="index_show"><a href="#"><img src="images/index_show.png" alt="巴拉拉" /></a></div>
				</div>
			</div>
			<div class="col-sub">
			<div class="s-box s-box-weak">
				<u class="s-box-top"><s></s><b></b></u>
				<div class="s-box-hd">
				<c:if test="${empty user}">
					<h3 class="s-box-title">爱词登录</h3>
					</c:if>
					<c:if test="${!empty user}">
					<h3 class="s-box-title">用户信息</h3>
					</c:if>
				</div>
				<div class="s-box-bd">
					<div class="bd">
						<form method="post" name="login_form" action="user" id="login-form">
							<input name="_tb_token_" type="hidden" value="3e335363dee34">
							<input name="action" type="hidden" value="login">
			                 <c:if test="${empty user}"> 
							<ul class="field">
								<li>
									<span class="label">用户名 </span>
									
									<input type="text" id="username" title="邮箱" name="username" class="text" value="">
								</li>
								<li>
                                                                    <span class="label">密&nbsp;&nbsp;码 </span>
									
									<input type="password" class="text" id="password" name="password" maxlength="16">
									<input type="hidden" id="_fmm.l._0.lo" name="_fmm.l._0.lo" value="">
								</li>
							</ul>
						
							
							<div class="msg">
							<p class="error red ks-hidden"></p>

							</div>
							<div class="option layout">
								<button type="submit" class="button login-btn" id="login-btn" onclick="return checkinput();"></button>
								<label title="为了确保您的信息安全，请不要在网吧或者公共机房勾选此项！" for="autoLogin" class="labelCheckbox">
									<input type="checkbox" name="isRemember" id="isRemember" value="true" tabindex="3">记住我
								</label>
							</div>	
							<div class="register">
<!--								<a href="http://www.51words.com/membersvc/member/register.htm">忘记密码？</a>-->
								<a class="registerlink" href="register.jsp"  >马上注册</a>
							</div>
								</c:if> 
								</form>
							  <c:if test="${!empty user}"> 

							  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用户名：${user.username}   <br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当前课本：${currentLib.libname }  <br>
						           &nbsp;&nbsp;&nbsp;&nbsp;  单词总数：${currentLib.quantity } <br>
						   &nbsp;&nbsp;&nbsp;&nbsp;   学习程度：<span class="activity-bar"><span
										style="width: 100%;">${currentLib.percent * 10}</span> </span>${currentLib.percent}%<br><br><br>
						     &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;  <a href="sysLib?action=list"><img src="images/gai_03.jpg"  alt="我要背单词" /> 
						             </a>
							  </c:if>
						
						<script>
						</script>
						</div>
				
				</div>
				<u class="s-box-bottom"><s></s><b></b></u>
				</div>
			</div>
		</div>
		
		<div class="layout grid-m">
			<div class="col-main">
				<div class="showpic">
					<ul>
						<li class="step step1"><a href="help.jsp">提供大量英语资源</a></li>
						<li class="step step2"><a href="help.jsp">体验特殊单词记忆法</a></li>
						<li class="step step3"><a href="help.jsp">加入学习交流区</a></li>
					</ul>
				</div>
			</div>
		</div>
		
	</div>
	<div id="footer">
		<div class="layout grid-m">
			<div class="col-main">
				<div class="rights">© Copyright 2010~2011, All Rights Reverved.Supported By BanRuoLang.</div>
			</div>
		</div>
	</div>
	
	 
</body>
</html>